<template>
    <div class="child1">
        这是child1组件内容
        <h1>这是child1---{{$store.state.count}}</h1>

        <el-button @click="child1Add">child1自增</el-button>
    </div>
</template>
<script>
// 1.在components文件夹下创建shop文件夹
// 2.shop文件夹下创建index.vue
// 3.跳转路由shop，实现展示shop文件夹下index.vue内容
// 4.shop文件夹下创建三个组件
// 5.addShop.vue || shopList.vue || myShop.vue
// 6.在index.vue中引入上述三个组件，并使用
export default {
    data(){
        return {}
    },
    methods:{
        child1Add(){
            this.$store.commit('addCount')
            //console.log(this.$store.state)
            //不可取
            //this.$store.state.count = 100
        }
    }
}
</script>

<style>
.child1{
    width: 300px;
    height: 200px;
    border: 2px solid blue;
}
</style>